//引入base.scss  
@import'./modules/base.scss';
//引入header.scss  头部
@import'./modules/header.scss';
//引入goodlist.scss 商品列表
@import'./modules/goodlist.scss';
//引入comment.scss 评论
@import'./modules/comment.scss';
//引入footer.scss 尾部
@import'./modules/footer.scss';

// body{
//     width: 100%;
//     box-sizing: border-box;
    
// }
html{
    width: 100%;
}
//引入rotation.scss  轮播图
.swips {
    width: auto;
    margin-top: 90px;
   img {
       width: 100%;
   }
}
 
  .empty{
    background-color: #F8F8F8;
    height: 20px;
  }

//引入adver  广告
  .adver{
    .content{
        .top{
            height: 200px;
            display: flex;
            align-items: center;
            .left{
                display: flex;
                flex-direction: column;
                margin-left: 200px;
                i{
                    height: 40px;
                    width: 200px;
                    background-image: url('../../images/aha.jpg');
                    background-size:100% 100%;
                    margin-bottom: 10px;
                }
                p{
                 color: #3e3e3e;
                 a{
                     color: #d1a371;
                     text-decoration:underline;
                 }
                }
                .getvip{
                    color: #3e3e3e;
                    border: 1px solid #666666;
                    text-align: center;
                    line-height: 38px;
                    width: 160px;
                    &:hover{
                        background-color: #FF4001;
                        color: #fff;
                        border: 1px solid #fff;
                    }
                }
            }
            .right{ 
                width: 100%;
                display: flex;
                margin-left: 450px;
                li{
                list-style: none;
                width: 110px;
                height: 120px;
                background-image: url('../../images/ahas.jpg');
                background-position: 0px 0px;
                &:nth-child(2){
                    background-position: -110px 0px;
                }
                &:nth-child(3){
                    background-position: -210px 0px;
                }
                &:nth-child(4){
                    background-position: -310px 0px;
                }
               }
            }
        }
        .buttom{
            background-color: #f8f8f8;
            height: 500px;
            display: flex;
            .left{
                margin-left: 200px;
                display: flex;
                flex-direction: column;
                padding-top: 260px;
                width: 320px;
                p{
                    color: #3e3e3e;
                    width: 360px;
                }
                .p{
                    font-weight: 500;
                    color: #000;
                    font-size: 34px;
                }
                .getlook{
                    color: #3e3e3e;
                    border: 1px solid #666666;
                    text-align: center;
                    line-height: 38px;
                    width: 160px;
                    margin-top: 35px;
                    &:hover{
                        background-color: #FF4001;
                        color: #fff;
                        border: 1px solid #fff;
                    }
                }
            }
            .right{
                align-self: flex-end;
                width: 800px;
                height: 380px;
                background-image: url('../../images/adver.jpg');
                background-size: 800px,380px;
            }
            
        }
    }
}
.guding{
    width:100%;
}